@import './account';

.dgt {
  h1 {
    color: $c-accent;
  }
  &__play__help {
    margin-top: 3rem;
    h2 {
      font-size: 1.4em;
      margin-bottom: 1rem;
    }
  }
}

#dgt-play-zone {
  overflow: auto;
  height: 60vh;
  padding: 2em;
  background: #333;
  &-log {
    font-family: monospace;
    font-size: 1.2em;
  }
}

.log-warn {
  color: orange;
}
.log-error {
  color: red;
}
.log-info {
  color: skyblue;
}
.log-log {
  color: silver;
}
.log-table {
  color: cyan;
}
.log-warn,
.log-error {
  font-weight: bold;
}
.dgt-black-move {
  color: brown;
  font-size: xx-large;
}
.dgt-white-move {
  color: tan;
  font-size: xx-large;
}

table.dgt-table th,
table.dgt-table td {
  border: 1px solid grey;
  padding: 3px;
}
